<template>
    <div class="action_contnet">
        <panle title='用户行为记录' :content="liveTitle"></panle>

        <!--标签-->
        <div>
            <el-tabs v-model="activeName"  @tab-click="dianji_tab">
                <el-tab-pane label="用户数据" name="userinfo">

					<user-info ref="userinfo" v-if="activeName=='userinfo'"  :liveId = "liveId"></user-info>

                </el-tab-pane>
                <el-tab-pane label="邀请总览" name="yaoqing">

					<yao-qing ref="yaoqing" v-if="activeName=='yaoqing'"  :liveId = "liveId"></yao-qing>

                </el-tab-pane>
                <el-tab-pane label="评论" name="pinglun">

					<ping-lun ref="pinglun" v-if="activeName=='pinglun'"  :liveId = "liveId"></ping-lun>

                </el-tab-pane>
                <el-tab-pane label="管控记录" name="guankong">

					<guan-kong ref="guankong" v-if="activeName=='guankong'"  :liveId = "liveId"></guan-kong>

                </el-tab-pane>
                <el-tab-pane label="营销操作" name="yingxiao">

					<ying-xiao ref="yingxiao" v-if="activeName=='yingxiao'"  :liveId = "liveId"></ying-xiao>

                </el-tab-pane>
                <el-tab-pane label="邀约到课" name="yaoyue">

					<yao-yue ref="yaoyue" v-if="activeName=='yaoyue'"  :liveId = "liveId"></yao-yue>

                </el-tab-pane>
                <el-tab-pane label="购买记录" name="paycourse">

                    <pay-course ref="paycourse" v-if="activeName=='paycourse'"  :liveId = "liveId"></pay-course>

                </el-tab-pane>
                <el-tab-pane label="抽奖" name="choujiang">

                    <chou-jiang ref="choujiang" v-if="activeName =='choujiang'"  :liveId = "liveId"></chou-jiang>

                </el-tab-pane>
                <el-tab-pane label="公告记录" name="notice">
                    <notice ref="notice" v-if="activeName=='notice'"  :liveId = "liveId"></notice>
                </el-tab-pane>
                <el-tab-pane label="小黑板记录" name="blackbord">
                    <blackbord ref="blackbord" v-if="activeName=='blackbord'"  :liveId = "liveId"></blackbord>
                </el-tab-pane>

            </el-tabs>
        </div>
    </div>



    
</template>


<script>

import {
    getActionData
  } from '@/api/live/action';
  
  import Panle from '@/components/Panle';

  import UserInfo from './components/UserInfo.vue';
  import YaoQing from './components/YaoQing.vue';
  import PingLun from './components/PingLun.vue';
  import GuanKong from './components/GuanKong.vue';
  import YingXiao from './components/YingXiao.vue';
  import YaoYue from './components/YaoYue.vue';
  import PayCourse from './components/PayCourse.vue';
  import Notice from './components/Notice.vue';
  import Blackbord from './components/Blackbord.vue';
  import ChouJiang from "./components/ChouJiang.vue";

export default {
    components: {
        Panle,
        UserInfo,
        YaoQing,
        PingLun,
        GuanKong,
        YingXiao,
        YaoYue,
        PayCourse,
        ChouJiang,
        Notice,
        Blackbord
    },
    data() {
      return {
        activeName: 'userinfo',
        liveId:this.$route.query.liveId,
        liveTitle:this.$route.query.liveTitle,
      }
    },
    created() {
        
    },
    methods: {
        dianji_tab(tab, event){
            console.log('dianji_tab');
            console.log(this.activeName);
            this.activeName = tab.name;
        }
    }
}
</script>



<style>
.action_contnet{
    width: 100%;
    padding: 20px;
}

.el-select .el-input {
    width: 130px;
}
</style>